/* pages/order/index.wxss */
.custom-nav-bar{
  background-color: transparent !important;
}

.container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding-bottom: 25rpx;
  background-color: #f0efff;
 

  .nav-bar {
    display: flex;
    position: relative;
    height: 70rpx;
    transition: all .3s;
    border-bottom: 0.5rpx solid #d8d8d8;


    .nav-bar-item {
      line-height: 70rpx;
      flex: 1;
      color: #898A98;
      text-align: center;
      font-family: "HarmonyOS Sans SC";
      font-size: 32rpx;
      font-style: normal;
      font-weight: bolder;
    }
  }

  .main {
    margin-top: 12.5rpx;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    // height: 100vh;


  }

  .active {
    color: #1677ff !important;
  }

  .underline {
    position: absolute;
    top: 62rpx;
    height: 8rpx;
    width: 25%;
    background-color: #1677ff;
    transition: all .3s;
    border-radius: 8rpx;
  }

  .sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    background-color: #f0efff;
    z-index: 2;
  }

}